.container {
    display: flex;
}

.left {
    text-align: center;
    width: 20%;
    height: 100%;
    background-color: rgb(255, 255, 255);
}

.left-panel {
    width: 50%; /* 设置左右面板的宽度 */
    transition: width 0.3s; /* 添加宽度过渡效果 */
    overflow: hidden; /* 隐藏溢出内容 */
    height: 100vh; /* 使用视口高度，以充满整个屏幕高度 */
    background-color: #f0f0f0; /* 面板的背景颜色 */
}

.left-panel {
    background-color: #e0e0e0; /* 左侧面板的背景颜色 */
}

.collapsed {
    width: 0; /* 收起时将宽度设置为0 */
}

#toggleButton {
    transition: transform 0.3s; /* 添加旋转过渡效果 */
}

.rotated {
    transform: rotate(180deg); /* 旋转180度 */
}
